<template>
  <div class="content">
    <!-- 消息 互动 兴趣 -->
      <p>
        <img src="img/back1.png" alt="">
        <span>还没有Boss对你感兴趣哦，赶快去主动联系吧！</span>
        <span @click="zhao()">找职位</span>
      </p>
  </div>
</template>

<script>
export default {
    methods:{
        zhao(){
            this.$router.push('/job')
        }
    }
}
</script>

<style scoped>
.content {
  display: flex;
}
.content > p {
  display: flex;
  flex-direction: column;
  align-items: center;
    width: 3.00rem;
    height: 2.00rem;
    /* background: orange; */
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.content > p > img {
  width: 1.40rem;
  height: 1.20rem;
}
.content > p > span:nth-child(2) {
  font-size: 0.14rem;
  color: #666;
  margin: 0.10rem 0;
}
.content > p > span:nth-child(3) {
width: 1.30rem;
    line-height: 0.40rem;
    font-size: 0.14rem;
    color: #fff;
    background: #39c0ba;
    text-align: center;
    border-radius: 0.20rem;
}
</style>